<template>
  <div id="header">
    <div>
      <span>购物车案例</span>
    </div>
  </div>
</template>

<script>
export default {
  components: {},
}
</script>

<style lang="less">
#header {
  background-color: blue;
  height: 2.5rem;
  width: 100%;

  div {
    width: 100%;
    height: 100%;
    display: flex;
    font-weight: 900;
    color: rgba(224, 240, 240, 0.989);
    font-size: 0.8rem;

    span {
      height: 1rem;
      width: 5rem;
      display: block;
      margin: auto;
    }
  }
}
</style>
